import { mapGetters } from "vuex"

export default {
	computed: {
		// 将 store_cart 中的 total 映射为当前页面的计算属性
		...mapGetters('store_cart', ['total'])
		
		// vuex 中 total 表示购物车中所有商品的数量， 而不是勾选商品的数量
	},
	watch: {
		total() {
			this.setBadge();
		}
	},
	onShow() {
		this.setBadge();
	},
	methods: {
		setBadge() {
			// 调用 uni.setTabBarBadge() 方法， 为购物车设置右上角的微标
			uni.setTabBarBadge({
				index: 2,
				text: this.total + ''
			})
		}
	}
}